<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="a.js"></script>
</head>
<body>
    <div class="box">我是boxdiv</div>
    
    <script>
        // 1.js原生里的生命周期： ready 和 load 区别

        // $(function(){  // 等同于 DOMContentLoaded
        //     console.log("加载完毕");
        // })


        // ready 只会等待 dom加载完毕执行
        // window.addEventListener("load",function(){
        //     console.log("load事件")
        // })

        // window.addEventListener("DOMContentLoaded",function(){
        //     console.log("dom加载完毕，ready事件");
        // })
        // window.onload = function(){

        // }




        // 2.用settimeout 实现setInterval
       
        // 转义字符 ：\ 把功能性的字符转成没有意义的字符
        // let str = "我的名字是 \"张三\" ";
        // console.log(str);
            // * ？ + . \w \W \s \S \D \d

            // let str= "fdafd.com";
            // let reg = /\./g;
            // if( reg.test(str)){
            //     console.log("有.");
            // }else{
            //     console.log("没有点")
            // }

        // 1.如何解决回调地狱？？
        // 回调地狱 ：回调函数出现层层嵌套  1.可维护性 2.错误不好捕捉 3.ajax嵌套
        // 1.观察者模式 2.promise ：通过链式写法取代函数层层嵌套---》async await



        // 2.面向对象和面向过程的区别？
        // 思想、范式：
        // 面向过程 ：注重事物发展中的过程 ，按照事物发展的顺序一步一步走
        // 面向对象： 注重事物发展中的对象 ，研究对象里的特征（属性）和行为（方法）--->抽象--->类 （复用性）---->组织逻辑关系---》实现需求


    </script>

</body>
</html>